<!DOCTYPE html>
<html lang="en">
<!--该页面为内嵌页面，当其他页面需要查询股票K线图时，加载该页面，根据传入的股票名称和股票代码查询相关数据-->
{% load static %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>股票K线图</title>

    <link href="{% static 'stock/css/show_selected_stock_K_line.css' %}" rel="stylesheet" type="text/css">
{#    <link href="{% static 'stock/common/bootstrap.min.css' %}" rel="stylesheet" type="text/css">#}

{#    <link href="../../static/stock/common/bootstrap.min.css" rel="stylesheet" type="text/css">#}
{#    <link href="../../static/stock/css/show_selected_stock_K_line.css" rel="stylesheet" type="text/css">#}

</head>
<body>
<p hidden id="p_stock_name">{{ stock_name }}</p>
<p hidden id="p_ts_code">{{ ts_code }}</p>

<div class="container" style="text-align: center; background: white; overflow: auto; ">

    <!--
    <div class="row">
         <div class="col-12">

             <div class="container-fluid" style="position: relative">
                 <ul id="clothingnav1" class="nav nav-tabs" role="tablist">
                     <li class="nav-item"><a class="nav-link active" href="#div_time_k_line" id="tab_time_k_line"
                                             role="tab" data-toggle="tab" aria-controls="home"
                                             aria-expanded="true">分时K线</a></li>
                     <li class="nav-item"><a class="nav-link" href="#div_dayly_k_line" role="tab" id="tab_dayly_k_line"
                                             data-toggle="tab" aria-controls="hats">日K线</a></li>
                     <li class="nav-item"><a class="nav-link" href="#div_weekly_k_line" role="tab" id="tab_weekly_k_line"
                                             data-toggle="tab" aria-controls="hats">周K线</a></li>
                     <li class="nav-item"><a class="nav-link" href="#div_monthly_k_line" role="tab"
                                             id="tab_monthly_k_line" data-toggle="tab" aria-controls="hats">月K线</a></li>

                 </ul>

                 <div id="clothingnavcontent1" class="tab-content">
                     <div role="tabpanel" class="tab-pane fade show active" id="div_time_k_line"
                          aria-labelledby="tab_time_k_line">
                         <img class="d-block w-100" src="" alt="加载失败" id="img_time_K_line">
                     </div>

                     <div role="tabpanel" class="tab-pane fade" id="div_dayly_k_line" aria-labelledby="tab_dayly_k_line">
                         <img class="d-block w-100" src="" alt="加载失败" id="img_daily_K_line">
                     </div>

                     <div role="tabpanel" class="tab-pane fade" id="div_weekly_k_line"
                          aria-labelledby="tab_weekly_k_line">
                         <img class="d-block w-100" src="" alt="加载失败" id="img_week_K_line">
                     </div>

                     <div role="tabpanel" class="tab-pane fade" id="div_monthly_k_line"
                          aria-labelledby="tab_monthly_k_line">
                         <img class="d-block w-100" src="" alt="加载失败" id="img_month_K_line">
                     </div>
                 </div>
             </div>
         </div>
     </div>
 -->


    <div style="float: left; ">
        <img class="d-block " src="" alt="加载失败" id="img_time_K_line">
    </div>

    <div style="float: right; ">
        <img class="d-block " src="" alt="加载失败" id="img_daily_K_line">
    </div>

    <div style="float: left; ">
        <img class="d-block " src="" alt="加载失败" id="img_week_K_line">
    </div>

    <div style="float: right; ">
        <img class="d-block " src="" alt="加载失败" id="img_month_K_line">
    </div>


</div>


<!--
<section>
    <div class="container">
        <div class="row">

            <div class="col-lg-4 col-md-6 col-12" >
            <div>资金流向图（单位：元）</div>
                <div id="div_chart_money_flow" style="overflow: auto"></div>
            </div>
            <div class="col-lg-4 col-md-6 col-12" id="div_data_moneyflow">

            </div>
            <div class="col-lg-4 col-md-6 col-12" hidden>
                <ul class="list-unstyled">
                    <li class="media"><img class="mr-3 rounded-circle"
                                           alt="error">
                        <div class="media-body">
                            <h5 class="mt-0 mb-1">Heading 3</h5>
                            <p class="mb-0">test</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

-->


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
{#<script src="{% static 'stock/common/jquery.js' %}"></script>#}
{#<script src="{% static 'stock/common/popper.js' %}"></script>#}
{#<script src="{% static 'stock/common/bootstrap.min.js' %}"></script>#}
<script src="{% static 'stock/js/show_selected_stock_K_line.js' %}"></script>
</body>
</html>